<template>
    <div>
        <div class="big">
             <div>
                <p>
                    <span><van-icon name="comment-o" /></span> 
                    <span>发测评</span>
                    <span class="small">分享您的垂钓装备</span>
                    <span> > </span> 
                </p>
             </div>
             <div>
                <p>
                <span><van-icon name="photo-o" /></span> 
                    <span>发钓况</span>
                    <span class="small">您的精彩垂钓瞬间</span>
                    <span> > </span> 
                </p>    
             </div>
             <div>
                <router-link to="/newshare">
                <p>
                    <span><van-icon name="volume-o" /></span> 
                        <span>发鱼汛</span>
                        <span class="small">吸引钓友推广钓场</span>
                        <span> > </span> 
                    </p>
                </router-link>    
             </div>
             <p class="end">
                <router-link to="/message">
                <van-icon name="close" /></router-link></p>
        </div>   
    </div>
</template>

<script>
export default {
    name: 'AppIndex',

    data() {
        return {
            
        };
    },

    mounted() {
        
    },

    methods: {
        
    },
};
</script>

<style scoped>
.big{
    width: 70%;
    height: 250px;
    margin: 0 auto;
    position: absolute;
    bottom: 100px;
    left:15%
}
.big div{
    width: 100%;
    height: 50px;
    background-color: yellow;
    border-radius: 25px;
}
.big div p{
    display: flex;
    justify-content: space-between;
    line-height: 60px;
    margin-left: 10px;
    margin-right: 10px;
}
.small{
    font-size: 15px;
    color: gray;
}
.end{
    margin-left: 45%;
    font-size: 25px;
    color: gray;
}
</style>